.commonHeader {
  width: 100%;
  height: 7.4074vh;
  background: #fff;
  display: flex;
  justify-content: space-between;
  padding-right: 2.3438vw;
  .headerLeft {
    display: flex;
    align-items: center;
    .headerLeft_logo {
      width: 12.6563vw;
      text-align: center;
      line-height: 7.4074vh;
    }
    .headerLeft_menus {
      display: flex;
      align-items: center;
      .itemMenu {
        line-height: 7.4074vh;
        padding: 0 0.8333vw;
        margin-right: 1.5625vw;
        font-size: 0.8333vw;
        color: #4e5969;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
      .activeMenu {
        font-weight: 600;
        color: #3e7bfa;
        position: relative;
        &::after {
          content: '';
          width: 2.5vw;
          height: 0.4704vh;
          background: #3e7bfa;
          border-radius: 4px 4px 0px 0px;
          position: absolute;
          bottom: 0;
          left: 50%;
          transform: translateX(-50%);
        }
      }
    }
  }
  .headerRight {
    display: flex;
    .help {
      line-height: 7.4074vh;
      margin-right: 2.6042vw;

      font-size: 1.4815vh;
      cursor: pointer;
      img {
        margin-right: 0.4167vw;
      }
    }
    .users {
      display: flex;
      align-items: center;
      color: #4e5969;
      font-size: 0.8333vw;
      cursor: pointer;
      .el-dropdown-link {
        display: flex;
        align-items: center;
      }
      img {
        margin-right: 0.5208vw;
        border-radius: 50%;
        object-fit: cover;
      }
      // ******************bootstrap******************
      .btn-secondary {
        background-color: transparent;
        color: #4e5969;
        font-size: 0.8333vw;
        border: none;
      }
      .dropdown-toggle::after {
        display: none;
      }
      // ******************bootstrap******************
    }
  }
}
